<template>
	<div>
		<div class="user-info">
          <mu-avatar slot="left" :size="72" :iconSize="48" icon="perm_identity" color="blue500" backgroundColor="white"/><br/>
          <mu-flat-button label="userInfo.C_USERALIAS" class="demo-flat-button" color="white" rippleColor="blue500"/>
        </div>
        <mu-list>
        	<mu-sub-header>我的信息</mu-sub-header>
		    <mu-list-item title=""  toggleNested >
		      <mu-icon slot="left" value="assignmentind" color="blue" />
		      <mu-list-item disableRipple :title="userInfo.C_USERALIAS" slot="nested">
		         <mu-icon slot="left" value="perm_identity"  color="orange700"/>
		      </mu-list-item>
		      <mu-list-item disableRipple :title="userInfo.C_USERNAME" slot="nested">
		         <mu-icon slot="left" value="receipt"  color="orange700"/>
		      </mu-list-item>
		    </mu-list-item>		   
		</mu-list>
	</div>
</template>
<script>
import axios from 'axios'
export default {
	computed:{
		userInfo:function(){
	      return JSON.parse(localStorage.UserInfo)
	    }
	}
}

</script>
<style>

</style>